﻿@{
    ViewBag.Title = "Quản trị thông tin hữu ích";
    Layout = "~/Views/Shared/_Admin.cshtml";
}

<script type="text/javascript">

    function onSelectlistCategory() {
        var codes = $("#selectKhuVuc").val();
        if (codes != 100) {
            $.getJSON("/Visa/AllQuocGiaByCateid/" + codes,
            function (carData) {
                var select = $("#selectProduct");
                select.empty();
                $.each(carData, function (index, itemData) {
                    select.append($('<option/>', {
                        value: itemData.Value,
                        text: itemData.Text
                    }));
                });

                var ids = carData[0].Value;
                $.get("/Quantri/Listthongtinhuuich?&page=" + 1 + "&ID=" + ids, function (data) {
                    $("#DivListCate").html("");
                    $("#DivListCate").html(data);
                });


            });
        }
        else {
            $.get("/Quantri/Listthongtinhuuich?&page=" + 1 + "&ID=" + -1, function (data) {
                $("#DivListCate").html("");
                $("#DivListCate").html(data);
            });
        }
    }

    function OnSelectProduct() {
        var ids = $("#selectProduct").val();
        $.get("/Quantri/Listthongtinhuuich?&page=" + 1 + "&ID=" + ids, function (data) {
            $("#DivListCate").html("");
            $("#DivListCate").html(data);
        });
    }


</script>

<div class="section-header">
    <div class="title">
        Quản trị Quốc Gia
    </div>
    <div class="options">
        @Html.ActionLink("Tạo mới thông tin hữu ích", "Addthongtinhuuich", "Quantri", null, new { @class = "t-button AddNews" })
    </div>
</div>
<div class="section-header">
    <div class="title">
        Tìm bài viết theo quốc gia
    </div>
    <div class="options">
      <select id="selectKhuVuc" onchange = "onSelectlistCategory()">
            <option value="100">--- chọn khu vực ---</option>
            <option value="142">Châu Á</option>
            <option value="150">Châu Âu</option>
            <option value="009">Châu Đại Dương</option>
            <option value="002">Châu Phi</option>
            <option value="019">Bắc Mỹ</option>
            <option value="300">Nam Mỹ</option>
        </select>
        &nbsp;&nbsp;
         <select id="selectProduct" class="selectProduct" onchange="OnSelectProduct()">
         </select>
        
    </div>
</div>
<div id="eventsList" style="width: 100%;">
    <div id="DivListCate">
        @{Html.RenderAction("Listthongtinhuuich", "Quantri", new { page = 1, ID = -1 });}
    </div>
</div>
